﻿
body	{
	background-color: rgb(255,153,102); color: rgb(51,51,51); font-family: Schoolbook Uralic, "Times New Roman", serif; padding: 0; font-size: 18px;
	}

#container	{
	min-width: 800px; max-width: 1200px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px;
	} /* Main Wrapper */

a:link { color: rgb(100,100,100); }
a:visited { color: rgb(100,40,67); }
a:hover { color: rgb(200,200,200); }
a:focus { color: rgb(150,150,150); }

.nav1 {
	float: left; width: 180px; padding: 0px; background-color: rgb(31,31,31); line-height: 100%; display: grid; color: rgb(150,150,150);
	}
.nav1 ul {
	display: none; margin: 0px; padding: 0px; width: 140px; position: absolute; top: 5px; left: 50px; background-color: rgb(32,38,55);  list-style-type: none; z-index: 1;
	}/*This line keeps the roll out from showing early and sets the primary position*/
.nav1 ul ul { left: 130px; top: -20px; }/*This line sets the secondary position*/
.nav1 ul li { float: none; margin: 0px; padding: 0px; }/*This line helps short lines stay in a column*/
.nav1 ul a { font-weight: normal; }
.nav1 li:hover > ul { display: block; }/*This line makes the roll out show up, block allows it to connect*/
		
.nav1 li { display: inline; float: left; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; margin: 0px; position: relative; list-style: none; }/*This line causes the roll outs to go down, not up*/

.nav1 a:visited {color: rgb(255,153,100); }
.nav1 a { text-decoration: none; font-style: normal; display: block; padding-top: 1px; padding-right: 8px; padding-bottom: 1px; padding-left: 8px; margin: 0px; }/*This line sets the navigation column up*/
.nav1 a:link { color: rgb(150,150,150); }
.nav1 a:hover { background: rgb(31,31,31); color: rgb(200,200,200); }

.nav2 { margin-top: 0px; margin-right: 0px; margin-bottom: 12in; margin-left: 0px; display: inline; }
.nav2 li { list-style: none; padding: 0px; margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; }
.nav2 a { text-decoration: none; color: rgb(255,153,100); }
.nav2 a:link { color: rgb(150,150,150); }
.nav2 a:hover { background: rgb(31,31,31); color: rgb(200,200,200); }

#page_content { min-width: 600px; margin-left: 200px; margin-bottom: 0px; margin-top: 0px; clear: right;}

#gallery { float: left; width: 100%; position: relative; margin-top: 0px; margin-bottom: 10px; transition: 0s delay;}
#gallery ul { list-style-type: none; }
#gallery li { display: inline; float: left; padding: 10px; }
#gallery img { border-style: none; height: 75px; width: auto; }
#gallery span { display: none; z-index: 1; }
#gallery span img { height: 150px; width: auto; }
#gallery a:hover span {
	display: block; transition-delay:1s; position: absolute; z-index: 1; color: rgb(200,80,67); top: 80px; left: -0px; text-align: center;
	; background-color: rgb(31,31,31);
	}/*This line sets up the image popup position and text colors*/

#feed { float: left; min-width: 600px; margin-left: 200px; margin-bottom: 0px; margin-top: 0px; }

video { width: auto; height: 120px; }

nav { background-color: rgb(31,31,31); float: left; width: 180px; }

h1 {
	background-color: rgb(31,31,31); color: rgb(204,204,204); font-family: Schoolbook Uralic, "Times New Roman", serif; height: 66px; background-image: url(pictures/77B&MAmtrak40thAnivFreeport8-13-20113-2.jpg); background-repeat: no-repeat; background-position: left; text-indent: 140px; margin-bottom : 5px; margin-top: 0px; min-width: 600px; padding-top: 10px;
	} /* Main Header */

h2 {
	color: rgb(51,51,51); font-size: 1.5em; font-family: Schoolbook Uralic, "Times New Roman", serif; height: 50px; text-indent: 140px; margin-bottom : 5px; margin-top: 0px; min-width: 600px; padding: 10px; background-image: url(pictures/1ParPassExtraGreen5-20-2013-1-2.JPG); background-repeat: no-repeat; background-position: right top;
	} /* Secondary Header */

h3 {
	clear: none; color: rgb(51,51,51); font-size: 1.2em; font-family: Schoolbook Uralic, "Times New Roman", serif; margin-bottom : 5px; margin-top: 0px; 
	} /* Primary Body Header */

h4 {
	color: rgb(150,150,150); font-size: 1.0em; font-family: Schoolbook Uralic, "Times New Roman", serif; margin: 1px; clear: left;
	} /* Navigation Header */

h5 {
	font-size: 1.0em; font-family: Schoolbook Uralic, "Times New Roman", serif; margin-bottom: 5px; color: rgb(51,51,51);
	} /* Secondary Body Header */

mark {background-color: red; color: whitesmoke;}

dt { font-weight: bold; }
p { margin-bottom: 5px; margin-top: 5px; margin-right: 5px;}

table {
	margin-left: 20px; margin-bottom: 5px; margin-top: 5px; border: 5px solid rgb(31,40,66); width: 600px; text-align: center; font-size: 0.8em;
	}
table ul { list-style-type: none; }
td, th { padding: 5px; border-style: none; }

#caption { font-size: 0.8em; max-width: 140px; min-height: 50px; max-height: 50px; text-align: center; color: rgb(255,153,100); background-color: rgb(31,31,31); overflow-y: scroll; }
#caption a:link { color: rgb(100,100,100); }
#caption a:visited { color: rgb(150,150,150); }

span #caption { font-size: 0.8em; max-width: 200px; min-height: 40px; max-height: 140px; text-align: center; color: rgb(255,153,100); background-color: rgb(31,31,31); overflow-y: scroll; }

#videocaption { font-size: 0.8em; max-width: 200px; min-height: 100px; max-height: 100px; text-align: center; color: rgb(255,153,100); background-color: rgb(31,31,31); overflow-y: scroll; }

#table { padding-top: 20px; }

#schedule { clear: right; padding: 0px; margin-left: 0px; margin-bottom: 5px; margin-top: 0px; }
#schedule ul { list-style-type: none; }

#table2 { clear: both; padding: 0px; margin-left: 80px; margin-bottom: 5px; margin-top: 0px; } /* Primarily used for the definitions tables */
#table2 ol { margin-top: 0px; margin-bottom: 0px;} /* Used to remove ordered list top and bottom margins from table2 */

.altrow { background-color: rgb(206,120,75); color: rgb(0,0,0); }

#trailer { clear: left; margin-bottom: 5px; margin-top: 0px; } /* for text just before the footer */

#directions { clear: right; float: left; margin-bottom: 5px; margin-top: 0px; } /* for text based directions */

#footer {
	clear: both; font-family: DejaVu Serif, "Times New Roman", serif; font-size: 0.90em; background-image: url(pictures/HoboRRLincolnNH7-25-2011-15.JPG); background-repeat: no-repeat; background-position: left; min-width: 800px; max-width: 1200px; margin-left: auto; margin-right: auto; margin-bottom: 4in; margin-top: 0px; min-height: 100px;
	}

#footer ul { min-width: 734px; max-width: 1134px; margin-left: 66px; }
#footer li { display: inline; }
#footer img { border-style: none; }
#footer a { text-decoration: underline; color: rgb(50, 50, 50); font-style: italic; }
#footer a:link { color: rgb(100,100,100); }
#footer a:visited {color: rgb(200,80,67); }
#footer a:hover {color: rgb(150,150,150); }
#footer a:focus {color: rgb(150,150,150); }
#symbol {clear: none; }